import React, { PropTypes, Component } from 'react'


class WidgetText extends Component {
 constructor(props, context) {
    super(props, context)
    this.state={
      menuShow:false
    }

  }

 handleWidgetMenuShow(e,componentId,positionId){
    this.props.handleWidgetMenuShow(e,componentId,positionId)
 }
 
  render() {
    let { widget}=this.props

    return (
      
      <div style={widget.conStyles} key={widget.positionId} 
          onClick={(e)=>this.handleWidgetMenuShow(e,widget.componentId,widget.positionId)}
                >
            
              <dl className="hot-theme hot-theme1">
                <dt><a href="#" target="_blank">标题</a></dt>
                <dd>能在一开始介绍Emmet时就已经介绍，这是Emmet最核心的功能。
生成测试文本Lorem Ipsum Demo在编写HTML代码时，有时需要添加一些内容，Emmet提供了一段随机的看不懂的英文字段，作为测试数据我们就可以调用。而生成Lorem Ipsum文本也非常简单，输入lorem，按Tab键，就可以生成下面这段文字：</dd>
              </dl>
            
       </div>
        
    )
  }
}

WidgetText.propTypes = {
  widget:PropTypes.object,
  handleWidgetMenuShow:PropTypes.func
}

export default WidgetText
